$(function(){
    $(".close-right").click(function(){
        $(".right-box").animate({
            right:"-142px"
        },1000,function(){
            $(".right-pic").animate({
                right:"0px"
            },800)
        })
    })
    $(".right-pic").on('click',function(){
        $(this).animate({
            right:"-54px"
        },800,function(){
            $(".right-box").animate({
                right:"0px"
            },1000)
        })
    })
    $(".lun-bottom a").mouseover(function(){
        var index = $(this).index();
        $(".lun-bottom a").eq(index).addClass("active").siblings().removeClass("active");
    })
    var count = 0;
    $(".lun-bottom a").mouseover(function(){
        clearInterval(timer);
        var index = $(this).index();
        count = index;
        ChangePicture(index)
    }).mouseover(function(){
        timer = setInterval(function(){
            count++;
            if(count>4) count=0;
            ChangePicture(count);
        },3000)
    })
    var timer = setInterval(function(){
        count++;
        if(count>4) count=0;
        ChangePicture(count);
    },3000)
    function ChangePicture(num){
        $(".lun-box").stop().animate({
            "marginLeft":-370*num + "px"
        })
        $(".lun-bottom a").eq(num).addClass("active").siblings().removeClass("active");
    }
})